<template>
  <div class="page-not-found">
    <div class="empty-content">
      <i class="iconfont icon-qx403"></i>
      <div class="empty-tips-txt">抱歉，您暂无权限访问该页面。</div>
      <!-- <el-button type="text" @click.stop="goQuesList">
        回到我的问卷
        <i class="el-icon-s-promotion"></i>
      </el-button> -->
    </div>
  </div>
</template>
<script>
export default {
  name: 'NO_ACCESS',
  methods: {
    goQuesList() {
      this.$router.replace({
        name: 'questionary',
      })
    },
  },
}
</script>
<style lang="scss" scoped>
.page-not-found {
  height: 100%;
  width: 100%;
  .empty-content {
    width: 50%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .icon-qx403 {
      font-size: 150px;
      color: #e8e8e8;
    }
    .empty-tips-txt {
      margin: 30px 0;
      color: #999;
      font-size: 15px;
    }
  }
}
</style>
